@import 'general';
.Q-Rollover.effect-04{
	// Initial
		.mask{
			.scale-rotate(0; -180deg);
			.transition(all 200ms ease-in);
			.border-radius(0px);
		}
		h4{
		   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
		   background: transparent;
			.transition(all 500ms ease-in-out);
		}
		p{
			.transition(all 500ms ease-in-out);
		}
		a.trigger{
			.transition(all 500ms ease-in-out);
		}
	// animacion
		&:hover .mask,
		&:hover h4,
		&:hover p,
		&:hover a.trigger{
			.opacity(1);
		}
		&:hover .mask{
			.scale-rotate(1, 0deg);
			.transition-delay(200sm);
		}
		&:hover h4,
		&:hover p,
		&:hover a.trigger{
			.transition-delay(500sm);
		}
}